iT邦幫忙

2

ChatGPT + 聊天室 + Firebase + 語音 + 登錄 筆記

  • 分享至 

  • xImage
  •  

使用 App Inventor 設計一要跟類似Line 的聊天室
增加登入畫面如下:
https://ithelp.ithome.com.tw/upload/images/20230325/20136076arwGEjl9LX.jpg
https://ithelp.ithome.com.tw/upload/images/20230325/20136076JnEEeznzwZ.jpg
https://ithelp.ithome.com.tw/upload/images/20230325/20136076RpWQAdYGnO.jpg
https://ithelp.ithome.com.tw/upload/images/20230325/20136076ZQwLejFH93.jpg

App 畫面如下:
https://ithelp.ithome.com.tw/upload/images/20230325/20136076gMOvVY7pY8.jpg

Firebase 畫面如下:
https://ithelp.ithome.com.tw/upload/images/20230325/20136076Q3o7mrR4BQ.png

App Inventor 畫面:
https://ithelp.ithome.com.tw/upload/images/20230325/201360769L3EFsNB0D.png

程式重點筆記:
1.將必要變數定義出來
2.將主要的功能設計成回傳值的 fountion(過程)
3.在語音元件 .辨識完成開始設計
4.openai.GotResponse 將 Firebase 存檔
https://ithelp.ithome.com.tw/upload/images/20230325/20136076gbhdACSQyK.png
https://ithelp.ithome.com.tw/upload/images/20230325/20136076b35MZ1ZB5Z.png
5.Firebase.資料改變將資料抓到 APP
https://ithelp.ithome.com.tw/upload/images/20230325/201360760XglJ2Dmej.png
6.Firebase 存檔要加1,才會存在下一筆
7.ICON,背影顏色,日期,Chat高度要設計成回傳值,以利調整
https://ithelp.ithome.com.tw/upload/images/20230325/20136076XH2l1u2FjD.png


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言